@charset "utf-8";

/* ==== Google font ==== */

@import url(http://fonts.googleapis.com/css?family=Varela+Round|Open+Sans:400,300,600,400italic,700);
body {width: 100%;height: 100%;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #888;font-size: 14px;line-height: 1.6em;}

html {width: 100%;height: 100%;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 30px;font-family: sans-serif;}

blockquote {font-family: Georgia, arial, sans-serif;color: #bbb;font-size: 20px;}

p {margin: 0 0 20px;font-size: 14px;line-height: 1.6em;}

p.lead {font-weight: 600;}

a {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

a:hover,a:focus {text-decoration: none;}

.light {font-weight: 400;}

img.img-responsive {margin-bottom: 20px;}

ul,li,ol,li,dt,dl,dd {list-style: none}

em {font-style: normal;}

ul,ol,dl,li,dt,dd {list-style: none;}

img,input {border: none;vertical-align: middle;}

a {text-decoration: none;color: #232323;}

a:hover {color: #F39B03;}

table {border-collapse: collapse;table-layout: fixed;}

input,textarea {outline: none !important;border: none !important;}

textarea {resize: none;overflow: auto;}

input,button {overflow: visible;vertical-align: middle;outline: none}

s {text-decoration: none;}

input:-moz-placeholder,textarea:-moz-placeholder {color: #333;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}

.container {padding: 0 !important;width:  1200px !important;}

@media (min-width:1201px) {.container {	width: 1200px}}


/* misc */

hr {margin-top: 10px;}


/* margins var*/

.margin-none {margin: 0 !important;}

.margintb-5 {margin: 5px 0 !important;}

.margintb-10 {margin: 10px 0 !important;}

.margintb-20 {margin: 20px 0 !important;}

.marginlr-5 {margin: 0 5px !important;}

.marginlr-10 {margin: 0 10px !important;}

.marginlr-20 {margin: 0 20px !important;}

.marginbot-0 {margin-bottom: 0 !important;}

.marginbot-5 {margin-bottom: 5px !important;}

.marginbot-10 {margin-bottom: 10px !important;}

.marginbot-20 {margin-bottom: 20px !important;}

.marginbot-30 {margin-bottom: 30px !important;}

.marginbot-40 {margin-bottom: 40px !important;}

.marginbot-50 {margin-bottom: 50px !important;}

.margintop-0 {margin-top: 0 !important;}

.margintop-5 {margin-top: 5px !important;}

.margintop-10 {margin-top: 10px !important;}

.margintop-20 {margin-top: 20px !important;}

.margintop-30 {margin-top: 30px !important;}

.margintop-40 {margin-top: 40px !important;}

.margintop-50 {margin-top: 50px !important;}

.marginleft-0 {margin-left: 0px !important;}

.marginleft-5 {margin-left: 5px !important;}

.marginleft-10 {margin-left: 10px !important;}

.marginleft-20 {margin-left: 20px !important;}

.marginleft-30 {margin-left: 30px !important;}

.marginleft-40 {margin-left: 40px !important;}

.marginleft-50 {margin-left: 50px !important;}

.marginright-0 {margin-right: 0px !important;}

.marginright-5 {margin-right: 5px !important;}

.marginright-10 {margin-right: 10px !important;}

.marginright-20 {margin-right: 20px !important;}

.marginright-30 {margin-right: 30px !important;}

.marginright-40 {margin-right: 40px !important;}

.marginright-50 {margin-right: 50px !important;}


/* padding var */

.padding-none {padding: 0 !important;}

.padding-20{padding: 20px;}

.paddingtb-5 {padding: 5px 0 !important;}

.paddingtb-10 {padding: 10px 0 !important;}

.paddingtb-20 {padding: 20px 0 !important;}

.paddinglr-5 {padding: 0 5px !important;}

.paddinglr-10 {padding: 0 10px !important;}

.paddinglr-20 {padding: 0 20px !important;}

.paddingbot-0 {padding-bottom: 0 !important;}

.paddingbot-10 {padding-bottom: 10px !important;}

.paddingbot-20 {padding-bottom: 20px !important;}

.paddingbot-30 {padding-bottom: 30px !important;}

.paddingbot-40 {padding-bottom: 40px !important;}

.paddingbot-50 {padding-bottom: 50px !important;}

.paddingtop-0 {padding-top: 0 !important;}

.paddingtop-10 {padding-top: 10px !important;}

.paddingtop-20 {padding-top: 20px !important;}

.paddingtop-30 {padding-top: 30px !important;}

.paddingtop-40 {padding-top: 40px !important;}

.paddingtop-50 {padding-top: 50px !important;}

.paddingleft-0 {padding-left: 0px !important;}

.paddingleft-10 {padding-left: 10px !important;}

.paddingleft-20 {padding-left: 20px !important;}

.paddingleft-30 {padding-left: 30px !important;}

.paddingleft-40 {padding-left: 40px !important;}

.paddingleft-50 {padding-left: 50px !important;}

.paddingright-0 {padding-right: 0px !important;}

.paddingright-10 {padding-right: 10px !important;}

.paddingright-20 {padding-right: 20px !important;}

.paddingright-30 {padding-right: 30px !important;}

.paddingright-40 {padding-right: 40px !important;}

.paddingright-50 {padding-right: 50px !important;}


/* ---  bg var --- */
.bg-none{background: none !important;}

.bg-white {background: #fff;}

.bg-gray {background: #f8f8f8;}

.bg-dark {background: #575757;}

.bg-fe {background: #fec52d;}

.bg-f3 {background: #f39b03;}

.bg-ffe {background: #fff9ee;}


/* ---  color var --- */

.text-light {color: #fff;}

.text-red {color: #ff3b00;}

.text-color-3 {color: #333333;}

.text-color-6 {color: #666666;}

.text-color-9 {color: #999999;}

.text-color-f3 {color: #f39b03;}


/* ---  border var --- */

.border-e5{border: 1px #e5e5e5 solid !important;}

.border-fe {border: 1px #fec52d solid !important;}

.border-f3 {border: 1px #F39B03 solid !important;}

.border-bot-fe {border-bottom: 1px #fec52d solid !important;}

.border-none {border: none !important;}


/* --- btn --- */
.bact-btn{line-height: 44px; font-size: 18px; width: 250px;}


/* --- check --- */

.checkbox {padding-left: 0 !important;min-height: initial; }

.checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px;}

.checkbox label::before {content: "";display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;margin-top: 3px;}

.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0px;margin-left: -20px;font-size: 10px;color: #555555;line-height: 22px;text-align:  center;}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; }

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c";}

.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee;   cursor: not-allowed; }

.checkbox.checkbox-circle label::before {   border-radius: 50%; }

.checkbox.checkbox-inline {   margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; }

.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,.checkbox-success input[type="radio"]:checked + label::before {border-color: #F39B03;color: #F39B03;}

.checkbox-success input[type="checkbox"]:checked + label::after,.checkbox-success input[type="radio"]:checked + label::after {color: #F39B03;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #337ab7; border-color: #337ab7;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f; border-color: #d9534f;}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #5bc0de; border-color: #5bc0de;}

.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #f0ad4e; border-color: #f0ad4e;}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,.checkbox-success input[type="radio"]:indeterminate + label::before {background-color: #F39B03;border-color: #F39B03;}

.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.radio { padding-left: 20px; }

.radio label { display: inline-block; vertical-align: middle; position: relative;   padding-left: 5px; }

.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }

.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] { opacity: 0;   z-index: 1; }

.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label { opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before {   cursor: not-allowed; }

.radio.radio-inline {   margin-top: 0; }

.radio-primary input[type="radio"] + label::after { background-color: #337ab7; }

.radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; }

.radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }

.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,input[type="radio"] .styled:checked + label::before { color: #fff; }
input[type="checkbox"] .styled:checked + label::after,input[type="radio"] .styled:checked + label::after { color: #fff; }


@-webkit-keyframes pulse {0 {	-webkit-transform: scale(1);	transform: scale(1);}50% {	-webkit-transform: scale(1.2);	transform: scale(1.2);}100% {	-webkit-transform: scale(1);	transform: scale(1);}}

@-moz-keyframes pulse {0 {	-moz-transform: scale(1);	transform: scale(1);}50% {	-moz-transform: scale(1.2);	transform: scale(1.2);}100% {	-moz-transform: scale(1);	transform: scale(1);}}


/* Media queries */

@media (max-width:480px) {.navbar-custom .nav.navbar-nav {	background-color: rgba(255, 255, 255, .4);}.navbar.navbar-custom.navbar-fixed-top {	margin-bottom: 30px;}.page-scroll a {	width: 40px;	height: 40px;	margin-top: 10px;	font-size: 20px;}}


/*nav-top*/

.headerNav{width: 1200px;margin:  auto;}

.nav-top {height: 32px;overflow: hidden;}

.nav-top i.text-color-f3 {font-size: 1.6rem;vertical-align: text-top;}

.line-pipe:before {content: '';display: inline-block;margin: 0 10px;height: 16px;border-left: 1px solid #cccccc;vertical-align: middle;}

.line-pipe {font-size: 12px;height: 32px;line-height: 30px;}

.line-pipe:first-child:before {border: none;margin-left: -10px;}

.map-search-box {width: 118px;float: right;}

.btn-search-box {width: 70%;}

.nav-search {width: 80%;}

@media (min-width:400px) {.nav-search {	width: 100%;	margin-top: 20px;	margin: auto;	float: right !important;	padding-top: 10px;}}

@media (min-width:768px) {.nav-search {	width: 60%}}

@media (min-width:992px) {.nav-search {	width: 70%;}}

.nav-search .btn-search, .nav-search .btn-map {width: 120px;display: inline-block;font-size: 16px;}

.nav-search .btn-search:hover, .nav-search .btn-map:hover {color: #FFFFFF !important;opacity: 0.8;background: initial;}

.nav-search .form-control {height: 36px;}


/* ------- Navigation ------------ */

.navigation {background: #fec52d;z-index: 9999;width: 100%;box-sizing: border-box;text-align: center;margin: 0 auto;}

.navigation .navbar {margin-bottom: 0;min-height:  40px;}

.navbar-brand {font-weight: 700;}

.navbar-brand:focus {outline: 0;}

#menu .nav.navbar-bar {text-align: center;float: none;margin: 0 auto;}

.navbar-custom ul.nav {text-align: center;float: none;margin: 0 auto;}

.navbar-custom ul.nav li {float: left;display: inline-block;text-align: center;padding: 0 30px;}

.navbar-custom ul.nav li a {font-size: 16px;letter-spacing: 1px;color: #444;text-transform: uppercase;padding-top:  10px;padding-bottom:  10px;width:  100%;}

.navbar-custom .nav li a {-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;transition: background .3s ease-in-out;padding-left: ;45px;}

.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {outline: 0;background: #f39b03;color: #ffffff !important;}

.navbar-custom .nav li:hover,.navbar-custom .nav li:focus,.navbar-custom .nav li.active {outline: 0;background: #f39b03;color: #ffffff !important;}

.navbar-custom .nav li.active a {color: #ffffff !important;}

.navbar-custom .nav li a:link{background:none}


/* --- banner --- */

.l-and-r {position: absolute;width: 100%;top: 0;height: 100%;}

.l-and-r .has-feedback {height: 100%}

.leftandright {box-shadow: none !important;background-image: none !important;position: absolute;top: 50%;margin-top: -35px;text-shadow: none;width: 40px;height: 70px;}

.leftandright .fa {background: rgb(131, 131, 131);text-shadow: none;font-size: 100px;width: 40px;height: 70px;line-height: 63px;font-weight: 400;-webkit-text-stroke: 6px rgba(131, 131, 131, 1);}


/* ---icon--- */

.icon-description {padding: 45px 0 37px;overflow: hidden;}

.icon-description p {margin: 0 2.08%;width: 100px;text-align: center;}

.icon-description i {background: url(../images/icon.png) no-repeat;display: block;height: 40px;width: 50px;margin: auto;}

.icon-description i.icon-1 {background-position: 2px 0px;}

.icon-description i.icon-2 {background-position: -51px 0px;}

.icon-description i.icon-3 {background-position: -101px 0px;}

.icon-description i.icon-4 {background-position: -150px 0px;}

.icon-description i.icon-5 {background-position: -200px 0px;}

.icon-description i.icon-6 {background-position: -243px 0px;}

.icon-description i.icon-7 {background-position: -290px 0px;}

.icon-description i.icon-8 {background-position: -334px 0px;}

.icon-description em.text-center {display: inline-block;font-size: 18px;text-align: center;color: #333333;vertical-align: middle;margin-top: 26px;}


/* --- product --- */

.main-title {border-bottom: 1px #e6e6e6 solid;}

.main-title .text {font-size: 28px;-webkit-text-stroke: 0.8px #333333;border-bottom: #fec52d solid;padding-bottom: 15px !important;color: #333333;}

.main-title .more {margin-top: 15px;}

.main-title .more i {width: 14px;height: 14px;border-radius: 50%;text-align: center;font-size: 16px;line-height: 13px;}

.item-main {padding: 40px 0 0;}

.item-main .member-photo img {width: 100%;}

.item-main .member-photo {position: relative;}

.item-main .member-photo .team-detail {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.6);padding: 5px 20px;font-size: 24px;}

.item-main .member-photo .team-detail span {font-size: 14px;}

.team-detail em {font-size: 12px !important;}


/* --- footer --- */

footer {min-height: 390px;border-top: 4px solid #fec52d;}

footer .list-inline {margin: 15px 0}

footer .list-inline .col-xs-6{ width:  49%;}

footer .list-inline a:hover {text-decoration: none}

footer .is-flex {display: flex;flex-wrap: wrap}

footer .is-flex>[class*=col-] {display: flex;flex-direction: column}

footer .footerleft {margin-top: 50px;padding: 0 36px;border-left: 1px #e5e5e5 solid;padding-right: 0;}

footer .footerleft .logofooter {margin-bottom: 30px;font-size: 25px;color: #fff;font-weight: 700}

footer .footerleft .logofooter img {width: 250px}

footer .paddingtop-bottom {margin-top: 55px;}

footer .paddingtop-bottom h6 {font-size: 16px;color: #333333;margin-bottom: 9px;}

footer .paddingtop-bottom ul {list-style-type: none;padding-left: 0;font-size: 12px;}

footer .paddingtop-bottom ul li {line-height: 29px}

footer .paddingtop-bottom ul li a {color: #393939;transition: color .2s linear 0s, background .2s linear 0s}

footer .paddingtop-bottom ul li a:hover {transition: color .2s linear 0s, background .2s linear 0s;color: #f39b03}

footer .copyright {margin-top: 50px;border-top: 1px #e5e5e5 solid;padding: 32px 0 !important;}

footer .copyright p {font-size: 14px;border-left: 1px #e5e5e5 solid;padding-left: 30px !important;margin-top: 3px !important;}

.detail-diagram{overflow: hidden;}

.detail-img {width: 660px;}

.detail-img img {width: 100%;display: block;height: 100%;}

.page-num {position: absolute;bottom: 8px;width: 100%;text-align: center;background: none;right: 14px;}

.page-num p {font-size: 16px;background: rgba(0, 0, 0, .5);width: 55px;float: right;margin-right: 10px;border-radius: 10px;color: #ffffff;line-height: 28px;}

.scrollpic-btn {width: 100%;position: relative;height:  82px;}

.scrollpic {width: 91%;position:  absolute;left:  4.5%;z-index:  1;}

#myscroll {display: block;width: 100%;position: relative;height: 82px;overflow: hidden;}

#myscroll #myscrollbox {display: block;float: left;position: absolute;left: -5px;top: 0;width: 1000000px;}

.thumbnail-list {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}

.thumbnail-list li {display: block;float: left;padding: 0;width: 106px;margin: 0 5px;}

.thumbnail-list li a {display: block;float: left;width: 100%;padding: 0;position: relative;height: 82px;color: #333;}

.l-r-btn {width: 100%;display: block;position: absolute;top: 0;}

.l-r-btn a {width: 24px;height: 82px;display: block;border: 1px #f5f5f5 solid;text-align:  center;line-height: 80px;font-size: 40px;-webkit-text-stroke: 1px rgba(255,255,255, 1);color:  #cccccc;padding: 0 4px;}

.l-r-btn a:hover {border-color: #FEC52D;color: #FEC52D;}

.l-r-btn a:hover,#myscroll,.l-r-btn a,#myscroll a:hover .intro,#myscroll a .intro,#myscroll #myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.l-r-btn #left {float: left;}

.l-r-btn #right {float: right;}

.detail-text {width: 540px; padding-left: 20px;}

.label-btn span{font-weight: normal;width: 78px;text-align: center;display: inline-block;line-height:  30px; font-size: 14px;}

.detail-text .team-detail .price{font-size: 26px;font-family:  sans-serif;}

.detail-text .team-detail .price em{font-size:16px; margin-left: 5px;}

.detail-text .team-detail .line-pipe{margin-left: 0;font-size:  14px;}

.detail-text .team-detail .line-pipe:before{margin: 0 20px 0 0;}

.attribute-list span.text-color-9{display: inline-block; margin-right: 18px;}

.reserve-btn{position: relative;overflow:  hidden;height: 270px;margin-top: -48px !important;}

.reserve-btn .reserve{position: absolute;width: 250px;right:  0;top: 50px;z-index:  1;padding:  20px;border:  1px #e6e6e6 solid;}

.reserve-btn .reserve .name{font-size: 18px;color:  #333333;margin: 15px 0  !important;border-bottom: 1px #e6e6e6 solid;padding-bottom: 15px;}

.reserve-btn .reserve .tel span {color: #000000; display: block;}

.reserve-btn .reserve .tel i{display: inline-block;width: 20px;height: 20px;line-height:  20px;margin-right:  5px;}

.reserve-btn .reserve .tel i.fa{text-align: center; border: 1px #F39B03 solid; border-radius:50% ;}

.reserve-btn .reserve .tel em.text-color-6{font-size: 16px;}

.reserve-btn .reserve .tel em.text-color-9{font-size: 12px;}

.reserve-btn .reserve .tel span:last-child{margin-top: -8px;}

.detail-nav{position:relative;}

.fixnav{position:fixed;top:0px;left:0px;width:100%;display: block !important;z-index:  999;}

.detail-nav-list{border-bottom: 1px solid #e5e5e5;}

.detail-nav-list li{ background: none; cursor: pointer;}

.detail-nav-list li a{border: none;padding: 10px 28px;font-size: 18px;margin-right: 28px;}

.detail-nav-list li a:hover{border: none !important;border-bottom: 2px #F39B03 solid !important;background: none;color: #F39B03;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:  none !important; background: none !important;border-bottom: 2px #F39B03 solid !important;color: #F39B03 !important;}

.nav-tabs>li a:link{background: none !important; }

.detail-house-main{width: 931px;}

.detail-house-main .col-md-4{  padding-right: 10px !important;}

.detail-house-main .col-md-4:last-child{padding-right: 0 !important;}

.img-description{padding:0;margin-left: -36px;margin-right: -50px;}

.img-description p{margin: 10px 3.7%;width:  50px;}

.img-description i{background: none !important;height: 34px;}

.detail-house-main .map{width: 100%; height: 458px; border: #E8E8E8 solid 1px; margin-top: 20px;}

.first-dialog{ margin-top: 235px; width:  500px;}

.first-dialog .attribute-list span{display: inline-block;}

.first-dialog .attribute-list span.left{width: 110px;font-size:  16px;}

.first-dialog .attribute-list span.right{width: 328px;border:  1px #e5e5e5 solid;padding: 9px 10px;}

.first-dialog .attribute-list span textarea{font-size: 12px;line-height: 16px;width: 100%;height: 75px;margin-top: -4px;}

.first-dialog .modal-header .close {font-size: 36px;margin-top: -6px;-webkit-text-stroke: 2px #ffffff;}

.myModal .modal-footer .bact-btn{width: 330px;}

.mySuccess .modal-footer{width: 72%;margin: auto;}

.mySuccess .modal-footer .bact-btn{width: 160px;font-size: 16px;line-height: 36px;}


/* --- 搜索 --- */

.nav-left .nav-search{float: initial !important;width:  100%;}

.nav-left .nav-search .btn-search-box{ width:  60%; float: left !important;}

.nav-left .nav-search .map-search-box{ float:  left;}

.nav-left .breadcrumb>li{font-size: 12px;}

.nav-left .breadcrumb>li+li:before{content: ">\00a0";}

.list-sortBar {margin-top: 10px;border-bottom: 1px solid #eaeaea;padding: 10px 20px;}

.list-sortBar .area:first-child,.list-sortBar .category:first-child,.list-sortBar .manufacture:first-child {border-top: none;}

.list-sortBar .area,.list-sortBar .category,.list-sortBar .manufacture {line-height: 1;padding: 10px 0;e;position:  relative;}

.list-sortBar .area .name,.list-sortBar .category .name,.list-sortBar .manufacture .name {font-size: 14px;color: #333;margin-right: 15px;width: 56px;text-align:  right;padding:  5px 0;display:  inline-block;}

.list-sortBar .area .categoryGroup,.list-sortBar .category .categoryGroup,.list-sortBar .manufacture .categoryGroup {margin-bottom: 10px;width: 930px;position:  absolute;left: 69px;top: 10px;}

.list-sortBar .area .categoryItem,.list-sortBar .category .categoryItem,.list-sortBar .manufacture .categoryItem {float: left;margin-right: 10px;font-size: 14px;padding: 5px 18px;border-radius:  20px;}

.list-sortBar .categoryGroup a:first-child{display:  inline-block;}

.list-sortBar .categoryGroup .checkbox{position:  relative;padding-left: 20px !important;float:  left;margin: 0;}

.list-sortBar .categoryGroup .checkbox label::before{margin-top: -1px;left: 0px;}

.list-sortBar .categoryGroup .checkbox label::after{top: -3px;}

.list-sortBar .active{color: #fff;background: #fec52d;}

.list-sortBar .categoryGroup .btn{margin-top: -3px;border-radius:  20px;padding: 0 15px !important;border: 1px #E5E5E5 solid;z-index:  2;}

.list-sortBar .categoryGroup .open .btn,.list-sortBar .categoryGroup .btn:hover{border-color: #FEC52D;}

.list-sortBar .categoryGroup .mod_select{ margin-top: -10px;}

.list-sortBar .categoryGroup .select_box{position:relative;cursor:pointer;}

.list-sortBar .categoryGroup .select_box{line-height:24px; position:relative;border-radius: 20px;padding: 0 !important;margin:  0 18px;}

.list-sortBar .categoryGroup .select_txt{display:inline-block;cursor:  pointer;border: solid 1px #FEC52D;padding: 0px 13px;border-radius:  20px;height:  24px;color:  #333333;}

.list-sortBar .categoryGroup .option{border: solid 1px #FEC52D;position:absolute;z-index:2;overflow:hidden;display:none;width: 100%;margin-top: -10px;border-top:  none !important;padding-top: 10px;}

.list-sortBar .categoryGroup .option a{display:block;line-height: 24px;text-align: center;padding:0 10px;width:100%;cursor:  pointer;background: #ffffff;color:  #333333;}

.list-sortBar .categoryGroup .option a:hover{color:#FEC52D;}

.nav-tabs>li>a:hover{background: none !important;}
.nav-tabs>li>a{border: none; cursor: pointer;}
.nav-tabs li{ border-right: 1px #E5E5E5 solid;}


































